<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>志愿者入口</title>
        <link rel="stylesheet" href="css/basic.css" type="text/css">
        <link rel="stylesheet" href="css/form.css" type="text/css">
    </head>
    <body>
        <header>
            <div class="container">
                <nav>
                    <ul class="searchul">
                        <li><a href="zyzsignin.html">志愿者入口</a></li>
                        <li><a href="login.html">登陆</a></li>
                        <li><a href="register.html">注册</a></li>
                    </ul>
                    <ul class="navul">
                       <li><a href="index.html"><span>首页</span></a></li>
                        <li><a href="health.html"><span>健康管家</span></a></li>
                        <li><a href="heart.html"><span>心语阁</span></a></li>
                        <li><a href="show.html"><span>真善美小屋</span></a></li>
                        <li><a href="my.html"><span>个人中心</span></a></li>
                    </ul>
                </nav>
                <div id="logo"><img src="images/logo.png"></div>
            </div>
        </header>
        <div id="content">
            <div class="container">
                <div id="formimage">
                    <img src="images/form.png">
                </div>
                <h1>志愿者注册</h1>
                <div class="divform">
                <form>
                    <div class="tableRow">
                    <p>姓名：</p><p><input type="name" ></p></div>
                     <div class="tableRow">
                    <p>用户名：</p><p><input type="name" ></p></div>
                    <div class="tableRow">
                    <p>密码：</p><p><input type="password" ></p></div>
                    <div class="tableRow">
                    <p>身份证号：</p><p><input type="number" ></p></div>
                    <div class="tableRow">
                    <p>年龄：</p><p><input type="number" ></p></div>
                    <div class="tableRow">
                    <p>性别：</p><p><select><option>男</option><option>女</option></select></p></div>
                    <div class="tableRow"><p>居住地：</p><p><input type="text" ></p></div>
                    <div class="tableRow"><p>联系方式：</p><p><input type="tel" ></p></div>
                    <div class="tableRow"><p>专业或特长：</p><p><input type="text" ></p></div>
                    <div class="tableRow"><p>身体健康状况：</p><p><input type="text" ></p></div>
                    
                    <div class="tableRow"><p>提供服务时间：</p><p><input type="text" ></p></div>
                    <div class="tableRow"><p>提供服务时长：</p><p><input type="text" ></p></div>
                    <div class="tableRow"><p>提供服务种类：</p><p><select>
                        <option>医疗保健</option>
                        <option>人文关怀</option>
                        <option>精神文化娱乐</option>
                        <option>生活服务</option>
                    </select></p></div>
                    <div class="tableRow"><p>目前积分：</p><p><input type="number" ></p></div>  
                  </form>
                    <input type="checkbox" class="check"><a href="agreement.html" target="blank">你是否同意签订该协议</a>
                <input type="submit" value="提交" class="sub">
                </div>
            </div>
        </div>
                    <footer>
                <div class="container">
                    <ul id="links">
                        <li><a href="">中国青年志愿者网</a></li>
                        <li><a href="">中国青年志愿者协会</a></li>
                        <li><a href="">中国志愿服务联合会</a></li>
                        <li><a href="">志愿北京</a></li>
                        <li><a href="">腾讯公益</a></li>
                        <li><a href="">搜狐公益</a></li>
                        <li><a href="">网易公益</a></li>
                    </ul><br>
                    <p>Copyright &copy;“幸福巢”社会互助养老公益网</p>
        
                </div>
            </footer>
        </div>
    </body>
</html>